<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./lib/react.development.js"></script>
    <script src="./lib/react-dom.development.js"></script>
    <script src="./lib/babel.min.js"></script>
</head>

<body>
    <div id="root"></div>
</body>
<script type="text/babel">
    const root = ReactDOM.createRoot(document.querySelector("#root"));
    /**
     * style行内样式写法：
     * 1. 对象：
     * 2. 复合属性需要使用小驼峰命名法
     * 3. px 带单位的，可以只写数字，省略px
     * 
     */
    root.render((
        <div>
            <h3 style={{color:'red', fontSize:25}}>style行内样式处理</h3>
        </div>
    ))
</script>

</html>